<template>
  <div class="whatsapp">
    <!-- 首图 -->
    <banner :bdata="bannerData">
      <button class="banner_warp_item_bot">免费试用</button>
      <button class="banner_warp_item_two">视频介绍</button>
    </banner>

    <!-- WhatsApp拓客系统能做什么 -->
    <doyou :dyData="dyList"></doyou>

    <!-- WhatsApp拓客系统适用于以下场景 -->
    <changjing :whcj="cjData"></changjing>

    <!-- WhatsApp客服系统的优势 -->
    <advantage :advantage="tageList"></advantage>

    <!-- 客户案例 + 轮播 -->
    <khcase :lbata="lblist"></khcase>

    <!-- 51出海 -->
    <gotosea :sealist="seaData"></gotosea>

    <!-- 出海资讯 -->
    <outsea :lbata="seaHandel"></outsea>
  </div>
</template>

<script>
import banner from "@/components/banner"; //首图
import doyou from "@/components/doyou"; //WhatsApp拓客系统能做什么
import changjing from "@/components/changjing"; //适用于以下场景
import advantage from "@/components/advantage"; //WhatsApp客服系统的优势
import khcase from "@/components/khcase"; //客户案例
import gotosea from "@/components/gotosea"; //51出海
import outsea from "@/components/outsea"; //出海资讯+轮播

export default {
  name: "whatsapp",
  components: {
    banner,
    doyou,
    changjing,
    advantage,
    khcase,
    gotosea,
    outsea,
  },
  data() {
    return {
      bannerData: {
        bkImage: {
          backgroundSize: "100% auto",
          backgroundRepeat: "no-repeat",
          backgroundImage:
            "url(" +
            require("@/assets/product_page_title/top_page_whatsapp_bg2.png") +
            ")",
        },
        list: {
          title: "WhatsApp拓客系统",
          content:
            "基于whatsapp进行活跃用户数据获取、多形式消息群、多号批量控制、多坐席客服拓客的海外引流推广系统",
        },
      },
      dyList: {
        title: "WhatsApp拓客系统能做什么",
        list: [
          {
            tiname: "活跃用户数据获取",
            imgUrl: require("@/assets/Product_page_whatsapp_desktop/get_active_user_data_img.png"),
            warp: [
              {
                url: require("@/assets/Product_page_whatsapp_desktop/title_icon_number_generate.png"),
                name: "全球号码生成",
                duan: "51出海免费赠送全球号码生成器，可根据目标国家或地区号段，一键随机生成大批量目标区域手机号码",
              },
              {
                url: require("@/assets/Product_page_whatsapp_desktop/title_icon_number_filte.png"),
                name: "号码数据筛选",
                duan: "51出海提供筛选号码生数据服务，可以筛选号码数据中开通whatsapp账号、Lastseen活跃、性别、年龄等情况，获取更高质量的号码数据",
              },
              {
                url: require("@/assets/Product_page_whatsapp_desktop/title_icon_client_resource_docking_test.png"),
                name: "客户资源对接与测试",
                duan: "51出海免费赠送全球号码生成器，可根据目标国家或地区号段，一键随机生成大批量目标区域手机号码",
              },
            ],
          },
          {
            tiname: "全球目标地区批量群发消息",
            imgUrl: require("@/assets/Product_page_whatsapp_desktop/global_target_area_message_podcast_img.png"),
            warp: [
              {
                url: require("@/assets/Product_page_whatsapp_desktop/title_icon_mulity_style_message.png"),
                name: "支持多种形式消息群发",
                duan: "可发送文字、图片、链接、音视频、账号名片等",
              },
              {
                url: require("@/assets/Product_page_whatsapp_desktop/title_icon_high_number_message_speaker.png"),
                name: "高数量级群发支持",
                duan: "底层协议账号群，日发十万以上数量级消息",
              },
              {
                url: require("@/assets/Product_page_whatsapp_desktop/title_icon_nice_safty.png"),
                name: "安全有保障",
                duan: "多话术模板随机发送，降低封号率，专人客服对接防封操作指导",
              },
              {
                url: require("@/assets/Product_page_whatsapp_desktop/title_icon_mo-account_int_fllowerup.png"),
                name: "多账号智能涨粉",
                duan: "可群发名片引导目标添加待涨粉账号，可设置多个账号轮换平均涨粉，提高安全性",
              },
            ],
          },
          {
            tiname: "低成本多号运营",
            imgUrl: require("@/assets/Product_page_whatsapp_desktop/low_cost_mo-account_run.png"),
            warp: [
              {
                url: require("@/assets/Product_page_whatsapp_desktop/title_icon_pach_edit_account_infor.png"),
                name: "批量修改账号信息",
                duan: "账号头像、个人签名自动修改，账号个性化并提高对接客户的可信度",
              },
              {
                url: require("@/assets/Product_page_whatsapp_desktop/title_icon_script_run_account.png"),
                name: "脚本自动养号",
                duan: "智能养号脚本，定时发送互动文案，提高账号安全性",
              },
              {
                url: require("@/assets/Product_page_whatsapp_desktop/title_icon_account_high_limt.png"),
                name: "操纵账号数量高上限",
                duan: "底层协议登录账号，比模拟器群控更高量级掌控群发与客服账号，一台电脑即可达到友商千台群控手机的效果",
              },
            ],
          },
          {
            tiname: "多坐席客服拓客",
            imgUrl: require("@/assets/Product_page_whatsapp_desktop/real_customer_serive_online_img.png"),
            warp: [
              {
                url: require("@/assets/Product_page_whatsapp_desktop/title_icon_mono_customer_service_100.png"),
                name: "单客服即可操纵上百账号",
                duan: "通过单个聚合聊天页面即可随时切换账号并对接数以万计的群发目标账号",
              },
              {
                url: require("@/assets/Product_page_whatsapp_desktop/title_icon_leader_watching.png"),
                name: "主管实时监控客服对接情况",
                duan: "通过聚合聊天系统,主管可以直接监控每个坐席客服的实时对接情况，并且具备加粉、聊天计数等数据统计功能",
              },
              {
                url: require("@/assets/Product_page_whatsapp_desktop/title_icon_chat_assitant.png"),
                name: "快捷聊天辅助",
                duan: "自动回复、关键词回复、快捷话术、即时翻译器......多种聊天辅助功能，轻松提高客服对接效率",
              },
            ],
          },
        ],
      },
      cjData: {
        title: "WhatsApp拓客系统适用于以下场景",
        list: [
          {
            imgUrl: require("@/assets/Product_page_whatsapp_desktop/rocket_oversea_promotion.png"),
            name: "海外产品推广",
            content:
              "做为产品推广的渠道，独立于传统的Facebook、Google、电商平台广告以外的推广方式，目标定向更精准、可推送信息更加灵活，推广类型不受平台限制。",
          },
          {
            imgUrl: require("@/assets/Product_page_whatsapp_desktop/safebox_persona_pool_buid_img.png"),
            name: "私域流量构建",
            content:
              "可通过群发的方式清洗客户号码池，引导客户到whatsapp私域流量池中加强联系，再通过持续的营销信息与自我曝光促进客户复购。可有效提高客单价，并规避平台封禁风险。",
          },
          {
            imgUrl: require("@/assets/Product_page_whatsapp_desktop/target_transdata_img.png"),
            name: "定向引流",
            content:
              "游戏、APP、网站、电商店铺、社交平台主页(如FB、INS、Twitter等)等等，通过whatsapp群发可对受众进行定向引流，提高目标站点客户流量。",
          },
        ],
      },
      tageList: {
        title: "WhatsApp客服系统的优势",
        list: [
          {
            imgUrl: require("@/assets/Product_page_whatsapp_desktop/whatsApp_puzzle_limg.png"),
            name: "WhatsApp底层协议",
            content:
              "专业技术团队whatsapp技术底层开发，同步更新官方版本，系统稳定性高",
          },
          {
            imgUrl: require("@/assets/Product_page_whatsapp_desktop/global_target_user_get_img.png"),
            name: "全球精准客户资源获取",
            content:
              "生成任意地区号码,筛选活跃开通账号，消息群发最终转化精准客户资源",
          },
          {
            imgUrl: require("@/assets/Product_page_whatsapp_desktop/marketing_chain_support_img.png"),
            name: "营销全链路技术支持",
            content:
              "获取数据、转化客户资源、群发推广短信、营销客户服务全程技术支持",
          },
          {
            imgUrl: require("@/assets/Product_page_whatsapp_desktop/lowcost_promotion_channel_img.png"),
            name: "更低成本的推广渠道",
            content:
              "对比Facebook、Google等渠道投放或电商平台的内部投放，可以更有效压缩获客成本",
          },
        ],
      },
      lblist: {
        theme: "客户案例",
        imgUrl: require("@/assets/Homepage_desktop/client_case_hand_shake_img.png"),
        list: [
          {
            img: require("@/assets/Product_page_whatsapp_desktop/user_comment_image1.png"),
            title: "虚拟产品卖家",
            param:
              "我们做虚拟产品的要做常规推广限制很多，51出海团队为我们提供了WhatsApp群发技术，让我们可以稳定地找到客户源。",
          },
          {
            img: require("@/assets/Product_page_whatsapp_desktop/user_comment_image2.png"),
            title: "独立站站长",
            param:
              "一直想找到个低成本又有效的推广方法。与51出海合作把WhatsAPP私域做起来后，我们做持续的复购，把成本摊得比纯投推广更低，效果显著。",
          },
          {
            img: require("@/assets/Product_page_whatsapp_desktop/user_comment_image3.png"),
            title: "亚马逊服装店长",
            param:
              "我们通过51出海的Facebook拓实做站外推广，逐渐积攒下了一大批FB和WS的私域粉丝。多亏了这个操作，我们抵抗住了封店潮的风险。",
          },
        ],
      },
      seaData: {
        title: "51出海",
        twotitle: "转为跨境流量服务",
        imgUrl: require("@/assets/Homepage_desktop/data_pie_img.png"),
        list: [
          {
            name: "触达国家",
            num: "200",
            geshu: "个",
            fuhao: "+",
          },
          {
            name: "触达用户",
            num: "20",
            geshu: "亿",
            fuhao: "+",
          },
          {
            name: "日均拓客",
            num: "10",
            geshu: "万",
            fuhao: "+",
          },
          {
            name: "服务客户",
            num: "50000",
            geshu: "个",
            fuhao: "+",
          },
        ],
      },
      seaHandel: {
        theme: "出海资讯",
        list: [
          {
            img: require("@/assets/news.png"),
            title: "如何正确使用翻译软件，以下技巧请查阅后使用",
            param:
              "51客服系统的WhatsApp、LINE客服聊天端，对接全球顶尖互联网公司翻译数据库，支持全球200+数语言互相翻译，系统自动侦测源语言，只需选择...",
          },
          {
            img: require("@/assets/news.png"),
            title: "如何正确使用翻译软件，以下技巧请查阅后使用",
            param:
              "51客服系统的WhatsApp、LINE客服聊天端，对接全球顶尖互联网公司翻译数据库，支持全球200+数语言互相翻译，系统自动侦测源语言，只需选择...",
          },
          {
            img: require("@/assets/news.png"),
            title: "如何正确使用翻译软件，以下技巧请查阅后使用",
            param:
              "51客服系统的WhatsApp、LINE客服聊天端，对接全球顶尖互联网公司翻译数据库，支持全球200+数语言互相翻译，系统自动侦测源语言，只需选择...",
          },
        ],
      },
    };
  },
};
</script>

<style scoped>
.o{
  background-size: cover;
}
</style>